<div class="el-progress el-progress--line" ng-class="[ textInside ? 'el-progress--text-inside' : '', status ? 'is-' + status : '' ]">
  <!-- 进度条轨道 -->
  <div class="el-progress-bar">
    <div class="el-progress-bar__outer" style="height: {{strokeWidth}}px;">
      <div class="el-progress-bar__inner" ng-style="{width: percentage + '%', backgroundColor: color}">
        <!-- 文字内显 -->
        <div class="el-progress-bar__innerText" ng-style="{ color: textColor }" ng-if="textInside">
          {{showText ? percentage + '%' : ''}}
        </div>
      </div>
    </div>
  </div>

  <!-- 文字外显 -->
  <div class="el-progress__text" ng-if="!textInside" ng-style="{ color: textColor }">
    {{showText && !status ? percentage + '%' : ''}}
    <i class="el-icon-circle-check" ng-if="status === 'success'"></i>
    <i class="el-icon-warning" ng-if="status === 'warning'"></i>
    <i class="el-icon-circle-close" ng-if="status === 'exception'"></i>
  </div>
</div>